
import Home from './views/Home.vue'
import Doc from './views/Doc.vue'
import SwitchDemo from './components/SwitchDemo.vue'
import ButtonDemo from './components/ButtonDemo.vue'
import DialogDemo from './components/DialogDemo.vue'
import TabsDemo from './components/TabsDemo.vue'
import DocDemo from './components/DocDemo.vue'


// 初始化Vue - router
// 新建history对象
import { createWebHashHistory, createRouter } from 'vue-router'
const history = createWebHashHistory()
// 新建router对象
export const router = createRouter({
  history: history,
  routes: [
    { path: '/', component: Home },
    {
      path: '/doc',
      component: Doc,
      children: [
        {path: '',component:DocDemo},
        {path: 'switch',component:SwitchDemo},
        {path: 'button',component:ButtonDemo},
        {path: 'dialog',component:DialogDemo},
        {path: 'tabs',component:TabsDemo},
      ]
    }
  ]
})

// 路由拦截
router.afterEach(() => {
  console.log('路由切换了');
})